<template>
  <div class="cus">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="客户管理" name="first" class="cus-el-tabs">
        <div class="cus-label-div">
          <div class="clear-float">
            <div class="primary-left">
              <div class="creat-div"><creatCard /></div>
              <!--  -->
              <el-button
                type="primary"
                class="button-primary"
                plain
                disabled
                size="small"
                >批量导入</el-button
              >
            </div>
            <a href="" class="a-user">怎么验证用户身份</a>
          </div>
          <div>
            <fromPost />
          </div>
          <div class="PUTtable">
            <putTable :tableDa="tableData" ref="putTableDom" />
          </div>
        </div>
      </el-tab-pane>
      <el-tab-pane label="导入记录" name="second" disabled></el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import fromPost from "../components/fromPost.vue";
import putTable from "../components/putTable.vue";
import creatCard from "../components/creatCard.vue";
import { regisUserApi } from "../http/httpUser";
export default {
  data() {
    return {
      activeName: "first",
      tableData: [],
    };
  },
  components: {
    fromPost,
    putTable,
    creatCard,
  },
  created() {
    regisUserApi(1)
      .then((res) => {
        if (res.data.code == 200) {
          this.tableData = res.data.data.userList;
          this.$refs.putTableDom.loading = false;
          console.log(this.tableData);
        } else {
          console.log(res);
        }
      })
      .catch();
  },
  methods: {},
};
</script>



<style  lang='scss'  scoped>
@import "../assets/scss/baseColor";
.cus-el-tabs {
  background: $back-color;
  .cus-label-div {
    background: rgb(255, 255, 255);
    height: 700px;

    padding: 10px;
  }
}
.creat-div {
  position: absolute;
  left: 120px;
}
.clear-float {
  height: 50px;
}
.button-primary {
  background: rgb(255, 255, 255);
}
.a-user {
  text-decoration: none;
  color: $button-style;
  float: right;
  font-size: 5px;
  margin-top: 10px;
}
.primary-left {
  float: left;
  position: relative;
}
.PUTtable {
  margin-top: 40px;
}
</style>